@font-face {
	font-family: 'iconfont';
	src: url('../../fonts/iconfont.ttf') format('truetype');
}
html,body{
	width: 100%; height: 100%; overflow: hidden; background-color: #FFFFFFCC;
}
html,body,span,div{
	font-family: "Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; font-size: 12px;
	margin: 0px; padding: 0px; border: 0px;
}
textarea[readonly]{
	background-color: #f6f6f6cc;
}

/* 设置滚动条的样式 */
div::-webkit-scrollbar {
	width: 5px; height: 5px; 
	border-radius: 5px;
}
/* 滚动槽 */
div::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
	background-color: #f7f7f7; border-radius: 2px; 
}
/* 滚动条滑块 */
div::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.2);
    background: #c7c7c7; border-radius: 2px; 
}

#app{
	width: 100%; height: 100%; overflow: hidden;
}
.el-tabs__content, .el-tab-pane{
	height: 100%;
}
.el-table thead div.cell{
	font-size: 14px;
}

.el-tabs__content iframe {
	width: 100%; height: 100%;
}


.app-main {
	width: 100%; height: 100%;
	padding: 2vh 2vw;
	display: flex; flex-flow: row wrap; 
	justify-content: flex-start; align-content: flex-start;
	overflow: hidden;
}
.app-main .app-item{
	width: 72px; margin: 5px 10px;
	display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center;
	flex: 0 0 auto;
	cursor: pointer;
}
.app-main .app-item .app-item-icon{
	width: 46px; height: 46px; line-height: 46px;
	box-sizing: border-box;
	text-align: center;
	border: solid 1px rgba(255,255,255,0.5); border-radius: 10px;
    box-shadow: 0 5px 14px 0 rgb(150 161 172 / 24%);
}
.app-main .app-item-001 div.app-item-icon{
	background-color: #00A8FF; 
}
.app-main .app-item-002 div.app-item-icon{
	background-color: #13D06C; 
}
.app-main .app-item-003 div.app-item-icon{
	background-color: #FF4844; 
}
.app-main .app-item-004 div.app-item-icon{
	background-color: #745EFF; 
}
.app-main .app-item-005 div.app-item-icon{
	background-color: #FFB500; 
}
.app-main .app-item-icon>span{
	font-family: 'iconfont'; font-size: 24px; color: #ffffff;
}
.app-main .app-item .app-item-title{
	width: 60px; height: 32px; line-height: 16px;
	text-align: center; vertical-align: top;
	overflow:hidden; text-overflow: ellipsis; 
	display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; 
}
.app-main .app-item .app-item-img{
	
}